Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

completed task 'stars' #3475

Closed
wants to merge 3 commits into from
Closed

completed task 'stars' #3475

wants to merge 3 commits into from

Conversation

TKuts
Copy link

@TKuts TKuts commented Aug 14, 2023

Copy link

@lerastarynets lerastarynets left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see you did a hard work) Let's improve it a little bit

.stars--2 :nth-child(n + 3),
.stars--3 :nth-child(n + 4),
.stars--4 :nth-child(n + 5) {
background-image: url("./images/star.svg");

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why not moving this style under stars_star selector?

src/style.css Outdated
Comment on lines 9 to 11
.stars :last-child {
margin: 0;
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you can use your margin-left: 4px; with :not(:first-child) instead of the above

Copy link

@VitaliyBodnar VitaliyBodnar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Almost done!

src/style.css Outdated
Comment on lines 28 to 34
.stars--1 :first-child,
.stars--2 :nth-child(-n + 2),
.stars--3 :nth-child(-n + 3),
.stars--4 :nth-child(-n + 4),
.stars--5 :nth-child(-n + 5) {
background-image: url("./images/star-active.svg");
}
Copy link

@VitaliyBodnar VitaliyBodnar Aug 15, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

don't see any sense in adding a no-active background modificator, you can add a no-active start for every starts
after that add modificator only for the active start
for instance:

Screenshot 2023-08-15 at 20 13 11

Copy link

@VitaliyBodnar VitaliyBodnar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

.

@TKuts TKuts closed this by deleting the head repository Aug 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants